<template>
  <div>
    <h3 class="title">App组件</h3>
    <input v-model="msg" />
    <hr />
    <child />
  </div>
</template>

<script>
import child from './components/child.vue'
export default {
  components: {
    child
  },
  data() {
    return {
      msg: 'app中的标题'
    }
  },
  // 发布
  // provide: {
  //   // title: 'app中的标题'
  // },
  // 如果你要使用当前组件中的数据或方法，就需要把provide写成函数方式且返回一个对象
  provide() {
    return {
      title: this.msg
      // title: () => this.msg
    }
  },
  methods: {}
}
</script>

<style lang="scss" scoped></style>
